<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<title>慢生活</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
		<meta name="author" content="tantan">
		<meta name="keywords" content="檀清华 的个人主页">
		<meta name="description" content="檀清华 的个人主页">
		<link rel="shortcut icon" href="images/favicon.ico">
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="stylesheet" href="css/animate.css">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/magnific-popup.css">
		<link rel="stylesheet" href="css/life.css">
		<script src="js/plugin/modernizr-2.6.2.min.js"></script>
		<!--[if lt IE 9]>
			<script src="js/plugin/html5shiv.min.js"></script>
			<script src="js/plugin/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<!--顶部导航-->
		<header class="header"></header>

		<div class="container">
			<div class="row">
				<div class="col-md-6 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
					<div class="wrap-card">
						<div class="card">
							<h2>《React 中文版》</h2>
							<p>极客学院</p>
							<hr>
							<div class="text-detail">
								<p>不是一个MVC框架</p>
								<p>不使用模板，</p>
								<p>响应式更新非常简单</p>
								<p>HTML5仅仅是个开始</p>
								
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-6 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
					<div class="wrap-card">
						<div class="card">
							<h2>HTML5中文教程</h2>
							<p>极客学院</p>
							<hr>
							<div class="text-detail">
								<p>新的语义化元素，</p>
								<p>表单2.0。</p>
								<p>持久的本地存储，</p>
								<p>WebSocket。 </p>
								<p>服务器推送事件，</p>
								
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-6 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
					<div class="wrap-card">
						<div class="card">
							<h2>Node.js</h2>
							<p>极客学院</p>
							<hr>
							<div class="text-detail">
								<p>node.js最大的卖点在于完全异步的I/O模型。</p>
								<p>node.js基于js语言，</p>
								<p>良好的社区支持，</p>
								<p>github上星标最多的那些项目，很大部分都是node.js。 </p>
								<p>前后端语言统一，</p>
							
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-6 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
					<div class="wrap-card">
						<div class="card">
							<h2>《JavaScript高级程序设计》</h2>
							<p>Nicholas C.Zakas</p>
							<hr>
							<div class="text-detail">
								<p>语言核心、DOM、BOM、事件模型，</p>
								<p>面向对象编程，</p>
								<p>Ajax 与Comet 服务器端通信。</p>
								<p>HTML5 表单， </p>
								<p>Canvas（包括WebGL）及Web Workers，</p>
								<p>跨文档传递消息，</p>
								
							</div>
						</div>
					</div>
				</div>
			</div>

			
		</div>

		
		<!-- Javascript -->
		<script type="text/javascript" src="js/plugin/jquery-3.3.1.js"></script>
		<script type="text/javascript" src="js/plugin/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/plugin/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/plugin/jquery.waypoints.min.js"></script>
		<script type="text/javascript" src="js/plugin/jquery.magnific-popup.min.js"></script>
		<script type="text/javascript" src="js/common/header.js"></script>
		<script type="text/javascript" src="js/common/footer.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript">
			$(function() {
				contentWayPoint();
				//pop up porfolio
				$('.portfolio-image a').magnificPopup({
					type: 'image',
					gallery: {
						enabled: true
					}
				});
			});
		</script>
	</body>
</html>